<template>
  <router-view/>
</template>
<script setup >
import {useStore} from 'vuex'
const store = useStore()
//导入我们读取样式表的和写入样式表的函数
import {generateNewStyle,writeNewStyle} from '@/utils/theme'
//监听语言变化的网络请求
import {watchSwitchLang} from '@/utils/i18n' 
//根据当前vuex保存的颜色值去生成最新的style
generateNewStyle(store.getters.mainColor).then(newStyle=>{
  //写入样式表
  writeNewStyle(newStyle)
})

//监听语言的变化 如果语言变化重新发送获取用户信息的网络请求
watchSwitchLang(()=>{
  //判断当前是否存在token 有token的话发送获取用户信息的网络请求
  if(store.getters.token){
    store.dispatch('user/getUserInfo')
  }
})
</script>


<style lang='less' scoped>

</style> 